<!DOCTYPE HTML>
<html xmlns:v-on="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <script src="https://cdn.staticfile.org/vue/2.4.2/vue.min.js"></script>
    <script src="../js/echarts.min.js"></script>
    <script src="../js/utils/jquery-1.11.1.min.js"></script>
    <link rel="stylesheet" href="../css/currency/bootstrap.css" />
    <link href="../css/H-ui.min.css" rel="stylesheet" type="text/css" />
    <link href="../css/H-ui.admin.css" rel="stylesheet" type="text/css" />
    <link href="../css/style.css" rel="stylesheet" type="text/css" />
    <link href="../lib/Hui-iconfont/1.0.1/iconfont.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="../css/recipe.css" />
    <title>流量统计记录报表</title>
</head>

<body>
<nav class="breadcrumb" style="margin-bottom:0px"><i class="Hui-iconfont">&#xe67f;</i> 首页 <span class="c-gray en">&gt;</span> 终端广告 <span class="c-gray en">&gt;</span>广告播放报表列表
    <a class="btn btn-success radius r mr-20" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新"><i class="Hui-iconfont">&#xe68f;</i></a>
</nav>
<div class="pd-20" id="advPlay">
    <div class="text-c" id="operationLogList">
        <form search-form>
            <!-- TODO 根据业务需要修改搜索内容-->
            <span class="select-box" style="width:150px;">
                    <select id="type" class="select" v-model="condition.type">
                        <option value="" >--请选择操作类型--</option>
                        <option value="1" >账号管理</option>
                        <option value="2" >广告内容管理</option>
                        <option value="3" >合同管理</option>
                        <option value="4" >设备管理</option>
                        <option value="5" >位置管理</option>
                        <option value="6" >APP管理</option>
                        <option value="7" >商户管理</option>
                        <option value="8" >流量监控</option>
                        <option value="9" >日志查询</option>
                        <option value="10" >更新管理</option>
                        <option value="11" >数据报表</option>
                        <option value="12" >运行状态</option>
                        <option value="13" >客流详情</option>
                        <option value="14" >播放记录</option>
                        <option value="15" >角色管理</option>
                        <option value="16" >权限管理</option>
                    </select>
            </span>
            <span>
                 <input type="text" class="input-text" style="width:200px" placeholder="账户名"
                        v-model="condition.createdBy">
            </span>
            <span>
                <input type="text" v-model="condition.startDate" id="startDate-d" name="startDate"
                       @focus="changeTime('startDate-d')"
                       onfocus="WdatePicker({skin:'default',dateFmt:'yyyy-MM-dd HH:mm:ss'})"
                       class="input-text Wdate" style="width:130px;" placeholder="记录时间开始">-
                <input type="text" v-model="condition.overDate" id="overDate-d" name="overDate"
                       @focus="changeTime('overDate-d')"
                       onfocus="WdatePicker({skin:'default',dateFmt:'yyyy-MM-dd HH:mm:ss'})"
                       class="input-text Wdate" style="width:130px;" placeholder="记录时间结束">
            </span>
            <div id="selectBtnEnter" class="btn btn-primary" v-on:click="getList('search')">查询</div>
        </form>
        <div class="cl pd-5 bg-1 bk-gray mt-20">
            <span class="r" v-cloak>
	            	共有数据：{{pageInfo.total}}条
	        </span>
        </div>
        <form >
            <table class="table table-border table-bordered table-bg">
                <thead>
                <tr class="text-c">
                    <!--TODO 生成表头-->
                    <th nowrap="nowrap">操作编号</th>
                    <th nowrap="nowrap">操作类型</th>
                    <th nowrap="nowrap">操作内容</th>
                    <th nowrap="nowrap">操作描述</th>
                    <th nowrap="nowrap">结果</th>
                    <th nowrap="nowrap">操作人</th>
                    <th nowrap="nowrap">操作人IP</th>
                    <th nowrap="nowrap">操作时间</th>
                </tr>
                </thead>
                <tbody v-cloak >
                <!--<tr class="text-c" v-for="(item,index) in pageInfo.list" v-on:dblclick="updateInit(index)">-->
                <tr class="text-c" v-for="(item,index) in pageInfo.list">
                    <td nowrap="nowrap">{{item.id}}</td>
                    <th nowrap="nowrap">
                        <span v-if="item.type=='1'">账号管理</span>
                        <span v-if="item.type=='2'">广告内容管理</span>
                        <span v-if="item.type=='3'">合同管理</span>
                        <span v-if="item.type=='4'">设备管理</span>
                        <span v-if="item.type=='5'">位置管理</span>
                        <span v-if="item.type=='6'">APP管理</span>
                        <span v-if="item.type=='7'">商户管理</span>
                        <span v-if="item.type=='8'">流量监控</span>
                        <span v-if="item.type=='9'">日志查询</span>
                        <span v-if="item.type=='10'">更新管理</span>
                        <span v-if="item.type=='11'">数据报表</span>
                        <span v-if="item.type=='12'">运行状态</span>
                        <span v-if="item.type=='13'">客流详情</span>
                        <span v-if="item.type=='14'">播放记录</span>
                        <span v-if="item.type=='15'">角色管理</span>
                        <span v-if="item.type=='16'">权限管理</span>
                    </th>
                    <td nowrap="nowrap">{{item.content}}</td>
                    <td nowrap="nowrap">{{item.description}}</td>
                    <th nowrap="nowrap">
                        <span v-if="item.result=='1'">成功</span>
                        <span v-if="item.result=='0'">失败</span>
                    </th>
                    <td nowrap="nowrap">{{item.createdBy}}</td>
                    <td nowrap="nowrap">{{item.ip}}</td>
                    <td nowrap="nowrap">{{item.createdDate}}</td>
                </tr>
                </tbody>
            </table>
        </form>

        <div class="pageBox" v-cloak id="pageBox" >
            <div class="pageInfo">显示 <span id="startRow">{{pageInfo.startRow}}</span> 到 <span id="endRow">{{pageInfo.endRow}}条</span>&nbsp;&nbsp;&nbsp;&nbsp;{{pageInfo.pages}}页&nbsp;&nbsp;&nbsp;&nbsp;共 <span id="total">{{pageInfo.total}}</span> 条
                <select v-model="selectedPageSize" v-on:change="getList('changePageSize')">
                    <option value="5">5</option>
                    <option value="10">10</option>
                    <option value="15">15</option>
                    <option value="20">20</option>
                    <option value="50">50</option>
                </select>
            </div>
            <ul class="pagination" id="pagination"></ul>
        </div>
        <div class="tips"  id="noData" align="center" style="display: none">
            无数据
        </div>
    </div>

</div>

</body>

</html>
<script type="text/javascript" src="../js/common/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="../lib/layer/1.9.3/layer.js" ></script>
<script type="text/javascript" src="../lib/laypage/1.2/laypage.js"></script>
<script type="text/javascript" src="../lib/icheck/jquery.icheck.min.js"></script>
<script type="text/javascript" src="../lib/Validform/5.3.2/Validform.min.js"></script>
<script type="text/javascript" src="../lib/My97DatePicker/WdatePicker.js"></script>
<script type="text/javascript" src="../js/common/H-ui.js"></script>
<script type="text/javascript" src="../js/common/H-ui.admin.js"></script>
<script type="text/javascript" src="../js/utils/utils.js"></script>
<script type="text/javascript" src="../js/currency/vue.js"></script>
<script type="text/javascript" src="../js/currency/vue-resource.min.js"></script>
<script type="text/javascript" src="../js/currency/base.js"></script>
<script type="text/javascript" src="../js/currency/jqPaginator.js"></script>
<script type="text/javascript" src="../js/operationLog.js"></script>
